<!DOCTYPE html>
<html lang="it">
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta name="description" content="" />
		<meta name="keywords" content="Don Bosco, Salesiani, San Francesco di Sales, Movimento Giovanile Salesiano, Triveneto, MGS" />
		
		<title></title>
		
		<link type="text/css" rel="stylesheet" href="../bootstrap/css/bootstrap.css" />
		<link type="text/css" rel="stylesheet" href="../bootstrap/css/bootstrap-responsive.css" />
		<link type="text/css" rel="stylesheet" href="../css/base.css" />
		<link href='http://fonts.googleapis.com/css?family=Actor' rel='stylesheet' type='text/css' />
		<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script>
		<script type="text/javascript">
			$(document).ready(function(){
				$("#show-menu-collapse").click(function(){
					$("#menu").toggle('slow');
				});
				
				$("ul#social > li > a > img").popover({
					animation : true,
					placement : 'bottom',
					trigger : 'hover',
					content : 'Seguici!'
				});
			});
		</script>
		<!--[if lt IE 9]>
			<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
		<![endif]-->
	</head>
	<body>
		<header>
			<div class="container" id="header-content">
				<div class="row">
					<div class="span3 offset1"><a href="../index.html"><img src="../img/logo.png" alt="Logo OSC" id="logo"/></a></div>
					<div class="span8" id="header-title-info">
						<h1>Oratorio Salesiano Chioggia</h1>
						<div class="row">
							<div class="span6">
								<ul class="unstyled">
									<li><i class="icon-map-marker icon-black"></i> Calle don Bosco 361, 30015 Chioggia (VE)</li>
									<li><i class="icon-comment icon-black"></i> Tel + Fax: 041 400 365</li>
								</ul>
							</div>
							<div class="span2">
								<ul id="social" class="unstyled">
									<li><a href="#"><img src="../img/social-facebook.png" alt="Facebook" title="La Pagina Facebook" data-content="Richiedi l'amicizia a Oratorio Chioggia e rimani sempre aggiornato!"/></a></li>
									<li><a href="#"><img src="../img/social-twitter.png" alt="Twitter"  title="La Pagina Twitter" data-content="Seguici su Twitter e rimani sempre aggiornarnato sui nostri eventi!"/></a></li>
									<li><a href="#"><img src="../img/social-youtube.png" alt="Youtube"  title="Il Canale Youtube" data-content="Iscriviti al nostro canale e guarda tutti i nostri video. Divertimento assicurato!"/></a></li>
								</ul>
							</div>
						</div>
					</div>
				</div>
			</div>
			<nav>
				<div class="container">
					<div class="row">
						<div id="menu-header-collapse" class="span12">
							<ul>
								<li>
									<a class="brand" href="#">salesianichioggia.it</a>
								</li>
								<li>
									<button class="btn btn-large" id="show-menu-collapse">
										<i class="icon-chevron-down icon-black"></i>
									</button>
								</li>
							</ul>
						</div>
						<div class="menu-collapse span12" id="menu">
							<ul>
								<li>
									<a href="#">Gruppi</a>
									<ul class="submenu">
										<li><a href="#">Oratorio</a></li>
										<li><a href="#">Parrocchia</a></li>
										<li><a href="#">ADS</a></li>
										<li><a href="#">PGS</a></li>
										<li><a href="#">Scout</a></li>
										<li><a href="#">Gruppo Musical</a></li>
										<li><a href="#">Mamma Margherita</a></li>
									</ul>
								</li>
								<li>
									<a href="#">Articoli</a>
									<ul class="submenu">
										<li><a href="#">Archivio</a></li>
										<li><a href="#">Categorie</a>
											<ul>
												<li><a href="#">Chiesa - Magistero</a></li>
												<li><a href="#">Educazione - Formazione</a></li>
												<li><a href="#">Formazione</a></li>
												<li><a href="#">Iniziative - Eventi</a></li>
												<li><a href="#">Liturgia - Preghiera</a></li>
												<li><a href="#">Missione</a></li>
												<li><a href="#">Mondo Giovani</a></li>
												<li><a href="#">Spiritualità</a></li>
												<li><a href="#">Salesianità</a></li>
												<li><a href="#">Vocazioni</a></li>
											</ul>
										</li>
									</ul>
								</li>
								<li>
									<a href="#">Foto</a>
									<ul class="submenu">
										<li><a href="#">2012</a></li>
										<li><a href="#">2011</a></li>
										<li><a href="#">2010</a></li>
										<li><a href="#">Precedenti</a></li>
									</ul>
								</li>
								<li>
									<a href="#">Accoglienza</a>
									<ul class="submenu">
										<li><a href="#">Ospitalità</a></li>
										<li><a href="#">Sala Musica</a></li>
										<li><a href="#">Sala Compleanni</a></li>
										<li><a href="#">Campo da Calcio</a></li>
									</ul>
								</li>
								<li>
									<a href="#">Cinema - Teatro</a>
									<ul class="submenu">
										<li><a href="#">Programmazione Cinema</a></li>
										<li><a href="#">Programmazione Teatro</a></li>
									</ul>
								</li>
								<li>
									<a href="#">Contattaci</a>
								</li>
								<li>
									<form class="form-search">
										<input id="search-input" type="text" class="input-medium search-query span3" placeholder="Cerca..."/>
									</form>
								</li>
							</ul>
						</div>
				</div>
				</div>
			</nav>
		</header>
		
		<div class="container">
			<div class="row">
			<div class="span12">
				<h1>Gallerie Fotografiche</h1>
				<ul class="thumbnails">
					<li class="span3">
						<div class="thumbnail">
							<img src="http://placehold.it/260x180" alt="" />
							<div class="caption">
								<h5>Titolo dell'album</h5>
								<p><a href="index.html" class="btn">Visualizza</a></p>
							</div>
						</div>
					</li>
					<li class="span3">
						<div class="thumbnail">
							<img src="http://placehold.it/260x180" alt="" />
							<div class="caption">
								<h5>Titolo dell'album</h5>
								<p><a href="index.html" class="btn">Visualizza</a></p>
							</div>
						</div>
					</li>
					<li class="span3">
						<div class="thumbnail">
							<img src="http://placehold.it/260x180" alt="" />
							<div class="caption">
								<h5>Titolo dell'album</h5>
								<p><a href="index.html" class="btn">Visualizza</a></p>
							</div>
						</div>
					</li>
					<li class="span3">
						<div class="thumbnail">
							<img src="http://placehold.it/260x180" alt="" />
							<div class="caption">
								<h5>Titolo dell'album</h5>
								<p><a href="index.html" class="btn">Visualizza</a></p>
							</div>
						</div>
					</li>
					<li class="span3">
						<div class="thumbnail">
							<img src="http://placehold.it/260x180" alt="" />
							<div class="caption">
								<h5>Titolo dell'album</h5>
								<p><a href="index.html" class="btn">Visualizza</a></p>
							</div>
						</div>
					</li>
					<li class="span3">
						<div class="thumbnail">
							<img src="http://placehold.it/260x180" alt="" />
							<div class="caption">
								<h5>Titolo dell'album</h5>
								<p><a href="index.html" class="btn">Visualizza</a></p>
							</div>
						</div>
					</li>
					<li class="span3">
						<div class="thumbnail">
							<img src="http://placehold.it/260x180" alt="" />
							<div class="caption">
								<h5>Titolo dell'album</h5>
								<p><a href="index.html" class="btn">Visualizza</a></p>
							</div>
						</div>
					</li>
					<li class="span3">
						<div class="thumbnail">
							<img src="http://placehold.it/260x180" alt="" />
							<div class="caption">
								<h5>Titolo dell'album</h5>
								<p><a href="index.html" class="btn">Visualizza</a></p>
							</div>
						</div>
					</li>
				</ul>
			</div>
			<div class="row">
				<div class="container">
					<div class="pagination pagination-centered">
					  <ul>
					    <li><a href="#">Prev</a></li>
					    <li class="active">
					      <a href="#">1</a>
					    </li>
					    <li><a href="#">2</a></li>
					    <li><a href="#">3</a></li>
					    <li class="disabled"><a href="#">...</a></li>
					    <li><a href="#">Next</a></li>
					  </ul>
					</div>
				</div>
			</div>
			</div>
		</div>
		<footer>
			<div class="container">
				<div class="row">
					<div class="span12">
						<h4>Istituto Salesiano San Marco - Oratorio Salesiano Chioggia - P. Iva: 02173980273 - C.F.: 82000110278</h4>
					</div>
				</div>
			</div>
		</footer>
		<script src="../bootstrap/js/bootstrap-transition.js" type="text/javascript"></script>
		<script src="../bootstrap/js/bootstrap-carousel.js" type="text/javascript"></script>
		<script src="../bootstrap/js/bootstrap-tooltip.js" type="text/javascript"></script>
		<script src="../bootstrap/js/bootstrap-popover.js" type="text/javascript"></script>
	</body>
</html>